@import url(public.css?v=1.03);#top{height: 26px;background-color: #222222;line-height: 26px;font-size: 12px;color: #a9a9a9;}
#top a{color: #a9a9a9;}
#top a::after{content: '|';color: #a9a9a9;margin-right: 7px;margin-left: 7px;}
#top a:last-child::after{display: none;}
#top span{display: flex;align-items: center;}
.logo{height:55px;padding:16px 0px;}
.logo img{height:55px;}
.nav{display: flex;align-items: center;height: 48px;line-height: 48px;background: #18C2BC;overflow:hidden;}
.nav ul{display: flex;align-items: center;flex: 1;overflow: hidden;}
.nav ul li{width: 126px;text-align: center;}
.nav ul li a{font-size: 18px;color: #fff;}
.nav ul li.active,
.nav ul li:hover{background: #05b6b0;}
.search{width: 245px;height: 36px;background: #ffffff;border-radius: 6px;display: flex;margin-right: 10px;align-items: center;}
.search input{border: none;flex: 1;outline:none;padding:0px 5px;height:30px;}
.search button{border: none;margin: 0 14px;background:none;float:right;}
.search button .search-btn-icon{width:20px;height:20px;display:inline-block;background-position:-165px -54px;background-color: none;}
#menu-toggle {display: none;}
@media screen and (max-width: 1000px) {
    #top{display:none;}
    .logo{background:#FFF;}
    .nav{display:none;position:fixed;top:72px;left:0px;width:100%;height:100%;background:#FFF;}
    .nav ul{display:block}
    .nav ul li{width:100%;}
    .nav ul li a{color:#999;}
    .nav ul li.active a{color:#FFF;}
    .menu-button-container {height: 100%;width: 30px;cursor: pointer;flex-direction: column;justify-content: center;align-items: center;float:right;margin-right:10px;}
    .search{border:1px solid #EEE;margin:0px auto;}
    .menu-button,
    .menu-button::before,
    .menu-button::after {display: block;background-color: #ddd;position: absolute;height: 4px;width: 30px;transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);border-radius: 2px;}
    .menu-button{margin-top:34px;}
    .menu-button::before {content: "";margin-top: -10px;}
    .menu-button::after {content: "";margin-top: 10px;}
    #menu-toggle:checked + .menu-button-container .menu-button::before {margin-top: 0px;transform: rotate(405deg);}
    #menu-toggle:checked + .menu-button-container .menu-button {background: rgba(255, 255, 255, 0);}
    #menu-toggle:checked + .menu-button-container .menu-button::after {margin-top: 0px;transform: rotate(-405deg);}
    #menu-toggle ~ .header_box li {clear:both;  height: 0;  margin: 0;  padding: 0;  border: 0;  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
    #menu-toggle:checked ~ .header_box a {border: 1px solid #333;  height: 2.5em;  padding: 0.5em;  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
}

.soft-list-box{padding:15px 0px;background:#FFF;}
.soft-list { overflow: hidden;}
.soft-list.game { margin-bottom: 15px; }
.soft-list.game .block-title { margin-top: -10px; }
.soft-list.game ul { margin: 0 0 0 -22px; }
.soft-list.game li { width: 100px; margin: 0 0 0 22px; }
.soft-list.game .pic { width: 100px; height: 100px; border-radius: 15px; }
.soft-list.like ul { margin: 0 0 -15px -27px; }
.soft-list.like li { width: 85px; margin: 0 0 15px 27px; }
.soft-list.like .pic { width: 85px; height: 85px; border-radius: 15px; }
.soft-list.related ul { margin: 0 0 -15px -27px; }
.soft-list.related li { margin: 0 0 15px 27px; }
.soft-list.hot ul { margin: 0 0 -20px -37px; }
.soft-list.hot li { width: 90px; margin: 0 0 20px 37px; }
.soft-list.hot .pic { width: 58px; height: 58px; border-radius: 10px; }
.soft-list.hot .tit { height: 36px; line-height: 18px; }
.soft-list ul { overflow: hidden; }
.soft-list li { width: 80px; float: left; text-align: center; margin-left:18px;}
.soft-list .pic { display: inline-block; vertical-align: top; width: 80px; height: 80px; border-radius: 12px; }
.soft-list .tit { margin-top: 5px; height: 20px; line-height: 20px; overflow: hidden; text-align: center; font-size: 14px; }
.soft-list .txt { height: 20px; line-height: 20px; overflow: hidden; font-size: 12px; color: #999; margin-top: 2px; }
.soft-list .btn { margin-top: 5px; }
.index-soft-list { overflow: hidden; margin-bottom: 15px; }
.index-tags-group {clear:both;padding:0px 15px;}
.index-tags-group dl, .index-tags-group dd { height: 26px; line-height: 26px; overflow: hidden; }
.index-tags-group dl { margin: 8px 0; }
.index-tags-group dt { float: left; font-size: 18px; text-align: center; color: #444; margin-right: 10px; }
.index-tags-group a { float: left; height: 26px; line-height: 26px; padding: 0 13px; font-size: 14px; position: relative; }
.index-tags-group a + a:after { content: ''; display: inline-block; width: 1px; height: 12px; background-color: #ddd; position: absolute; left: -1px; top: 50%; margin-top: -6px; }
.index-tags-group .icon-arrow { margin-left: 10px; }
@media screen and (max-width:1000px) {
    .soft-list li{width:22%;margin:8px 0px 0px 2%;}
    .index-tags-group{padding:0px 6px;}
    .index-tags-group dt{font-size:16px;margin-right:0px}
    .index-tags-group .icon-arrow{margin-left:6px;}
    .index-tags-group a{padding:0px 8px;}
}

.toutiao-l{width:400px;float:left;}
.banner{width:400px;height:300px;position:relative;}
.toutiao-game ul{overflow:hidden;padding-bottom:5px;padding-top:6px;clear:both;background:#FFF;}
.toutiao-game ul li{overflow:hidden;padding:9px;float:left;width:81px;text-align:center;}
.toutiao-game ul li img{width:81px;height:81px;border-radius:8px;}
.toutiao-game ul li p{font-size:12px;padding-top:8px;height:20px;line-height:20px;overflow:hidden;}
.toutiao-game ul li p:last-child{height:auto;}
.toutiao-game ul li span{font-size:12px;color:#999;}
.toutiao-game ul li .article-game-down{width:90px;text-align:center;display:inline-block;border:1px solid #ff9000;font-size:12px;color:#ff9000;height:20px;line-height:20px;border-radius:3px;}

.toutiao{width:452px;float:left;margin-left:12px;}
.toutiao ul{background:#FFF;padding:16px 15px 10px 15px;}
.toutiao li{clear:both;height:30px;line-height:30px;overflow:hidden;}
.toutiao li.toutiao-td{height:auto;padding-bottom:15px;margin-bottom:10px;border-bottom:1px solid #EEE;}
.toutiao li.toutiao-td p{clear:both;}
.toutiao li.toutiao-td p:nth-child(1){font-size:16px;}
.toutiao li.toutiao-td span{content:'头条';display:block;float:left;background:#fe8900;color:#fff;padding:0px 10px;line-height:30px;margin-right:15px;}
.toutiao li.toutiao-td p:nth-child(1) a{color:#fe8900;height:30px;overflow:hidden;}
.toutiao li.toutiao-td p:nth-child(2){color:#999;font-size:14px;padding-top:10px;height:40px;line-height:20px;overflow:hidden;}
.toutiao li a{float:left;max-width:330px;}
.toutiao li time{float:right;color:#999;}
.toutiao-r{width:288px;float:right;padding:15px;background:#FFF;}
.toutiao-r .game-qrcode{position:relative;padding-left:130px;height:118px;overflow:hidden;}
.toutiao-r .qrcode-data{position:absolute;left:0px;top:0px;}
.toutiao-r .game-qrcode p{padding-top:12px;text-align:center;}
.toutiao-r .game-qrcode p:nth-child(2){padding-top:6px;}
.toutiao-r .game-qrcode p .btn{width:100%;padding:0px;line-height:33px;}
.toutiao-r ul{padding-top:20px;}
.toutiao-r ul li{clear:both;padding:12px 0px; border-top:1px solid #EEE;}
.toutiao-r ul li p:nth-child(1){height:24px;overflow:hidden}
.toutiao-r ul li p:nth-child(2){height:44px;line-height:22px;overflow:hidden;font-size:12px;color:#999;}
@media screen and (max-width:1000px) {
    .toutiao-l{width:100%;}
    .banner{width:100%;}
    .toutiao-game ul li{padding:10px 0px 0px 1.6%;width:23%;text-align:center;}
    .toutiao-game ul li img{margin:0px auto;}
    .toutiao{margin-top:10px;margin-left:0px;width:auto}
    .toutiao-r{clear:both;width:auto;margin-top:10px;}
}

        .gamebox-downloads{background:#00b4fe;clear:both;padding:8px;overflow:hidden;margin-top:5px;}
        .gamebox-downloads a{display:block;}
        .gamebox-downloads img{margin-right:10px;float:left;width:48xpx;height:48x;border-radius:5px;}
        .gamebox-downloads i{position:absolute;right:-7px;top:-9px;display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border:1px solid #EEE;background:#FFF;cursor:pointer;border-radius:20px;color:#999;}
        .gamebox-downloads span:nth-child(2){font-size:12px;color:#FFF;}
        .gamebox-downloads span:nth-child(2) b{font-weight:bold;font-size:16px;}
        .gamebox-downloads span:nth-child(1){float:right;background:#FFF;color:#00b4fe;padding:4px 10px;border-radius:8px;display:inline-block;margin-top:10px;}

.games-title{height:48px;line-height:48px;border-bottom:1px solid #EEE;padding:0px 15px;}
.games-title h2{float:left;font-size:18px;}
.games-title a{float:right;}

.game-types{clear:both;background:#FFF;overflow:hiddenp;padding-bottom:15px;}
.game-types a{margin-left:15px;margin-top:15px;}

.games-list{clear:both;background:#FFF;margin-bottom:20px;}
.games-list ul{display:flex;flex-wrap:wrap;overflow:hidden;padding-top:15px;clear:both;border-top:1px solid #EEE;}
.games-list ul li{float:left;margin-left:15px;padding-bottom:15px;}
.games-list ul li img{width:92.5px;height:92.5px;border-radius:15px;float:left;}
@media screen and (max-width:1000px){
    .games-list ul li{margin:0px;width:25%;text-align:center;}
    .games-list ul li img{width:68px;height:68px;margin:0px auto;float:none;}
}

.index-rank-box{float:left;margin-left:16px;width:288px;margin-top:20px;}
.index-rank-box:nth-child(1){margin-left:0px;}
.index-rank-box h2 {line-height:42px;background-color:#2f8ab7;width:100%;color:#fff;text-align:center;font-size:16px}
.index-rank-box ol {position:relative;padding-top:200px;background-color:#39C}
.index-rank-box ol li {position:relative;line-height:20px}
.index-rank-box ol .t {overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.index-rank-box ol .num {border-radius:100%}
.index-rank-box ol .i {font-size:12px;color:#888}
.index-rank-box ol .n1 {left:50%;top:35px;margin-left:-40px}
.index-rank-box ol .n1 .img {width:66px;height:66px;margin:0 auto;border:3px solid #fff;border-radius:20px}
.index-rank-box ol .n2 .img,
.index-rank-box ol .n3 .img {width:58px;height:58px;margin:0 auto;border:3px solid #fff;border-radius:18px}
.index-rank-box ol .n1,
.index-rank-box ol .n2,
.index-rank-box ol .n3 {width:80px;margin-top:20px;position:absolute;text-align:center;color:#fff}
.index-rank-box ol .n1 .t,
.index-rank-box ol .n2 .t,
.index-rank-box ol .n3 .t {margin:5px 0 0}
.index-rank-box ol .n1 .t a,
.index-rank-box ol .n2 .t a,
.index-rank-box ol .n3 .t a {color:#fff}
.index-rank-box ol .n1 .i,
.index-rank-box ol .n2 .i,
.index-rank-box ol .n3 .i {color:#fff;opacity:0.8}
.index-rank-box ol .n1 .num,
.index-rank-box ol .n2 .num,
.index-rank-box ol .n3 .num {position:absolute;left:50%;top:-10px;background-color:#fff;color:#000;line-height:20px;width:20px;margin-left:-10px;font-weight:bolder}
.index-rank-box ol .img {overflow:hidden}
.index-rank-box ol .img img {width:100%;height:100%}
.index-rank-box ol .n2 {left:5px;top:50px}
.index-rank-box ol .n3 {right:5px;top:50px}
.index-rank-box ol .nn {border-bottom:1px solid #eee;padding:10px 10px 10px 40px;background-color:#fff;height:32px}
.index-rank-box ol .nn .img {width:32px;height:32px;float:left;margin-right:10px}
.index-rank-box ol .nn .t {margin:6px 0;float:left;max-width:130px}
.index-rank-box ol .nn .i {float:right;margin:6px 0}
.index-rank-box ol .nn .num {position:absolute;left:10px;top:16px;width:20px;text-align:center;border-radius:4px;background-color:#A3B0BE;color:#fff;font-size:12px}
@media screen and (max-width:1000px) {
    .index-rank-box{width:auto;float:none;margin-top:10px;margin-left:0px;}
}

.index-zixun-box{background:#FFF;overflow:hidden;}
.index-zixun-box .index-zixun-title{padding:0px 15px;height:48px;line-height:48px;border-bottom:1px solid #EEE;}
.index-zixun-box .index-zixun-title h2{float:left;font-size:18px;}
.index-zixun-box .index-zixun-title a{float:right;}

.index-zixun-box ul{border-top:1px solid #EEE;clear:both;}
.index-zixun-box ul li{padding:18px 0px 16px 18px;width:365px;overflow:hidden;float:left;}
.index-zixun-box ul li img{width:90px;height:65px;border-radius:8px;float:left;margin-right:10px;}
.index-zixun-box ul li p.news-title{height:30px;line-height:30px;overflow:hidden;margin-bottom:10px;}
.index-zixun-box ul li p.news-title a{color:#333;font-size:16px;}
.index-zixun-box ul li p time{float:left;font-size:14px;color:#999;}
.index-zixun-box ul li p span{float:right;font-size:14px;color:#999;}
@media screen and (max-width:1000px) {
    .index-zixun-box ul{padding-top:12px}
    .index-zixun-box ul li{width:auto;float:none;padding:0px 12px 12px 12px;}
    .index-zixun-box ul li p span,.index-zixun-box ul li p time{font-size:12px;}
}

.ask-box{clear:both;overflow:hidden;background:#FFF;margin-top:20px;}
.ask-box-title{height:48px;line-height:48px;border-bottom:1px solid #EEE;padding:0px 15px;}
.ask-box-title h2{float:left;font-size:18px;}
.ask-box-title a{float:right;}
.ask-box ul{padding:10px 0px 10px 8px;float:left;width:355px;}
.ask-box ul li{position:relative;padding:8px 0px 8px 23px;border-left:1px solid #EEE;height:62px;}
.ask-box ul li::before{content:'';position:absolute;top:0px;left:-5px;width:8px;height:8px;border-radius:8px;background:#FFF;border:1px solid #EEE;}
.ask-box ul li:hover::before{background:#3C82FA;left:-8px;top:-2px;width:10px;height:10px;border-radius:10px;border:2px solid #DDD;}
.ask-box ul li img{width:48px;height:48px;border-radius:48px;float:left;margin-right:10px;}
.ask-box ul p span,.ask-box ul p time{font-size:12px;color:#999;margin-right:15px;}
.ask-box ul p:last-child{margin-top:6px;}
@media screen and (max-width:1000px) {
    .ask-box{margin-top:10px;}
    .ask-box ul{float:none;width:96%;padding:10px 2%}
    .ask-box ul li{padding:8px 8px 8px 23px;}
}

.game-vs-update{background:#FFF;overflow:hidden;}
.game-vs-update h3{padding:15px 0px 0px 15px;}
.game-vs-update ol{padding:15px 0px;overflow:hidden;}
.game-vs-update ol li{float:left;padding-left:15px;width:280px;height:30px;line-height:30px;overflow:hidden;}
.index-friends{background:#FFF;}
.index-friends .t {padding:0px 15px;font-size:16px;line-height:38px;height:38px;position:relative;border-bottom:1px solid #EEE;}
.index-friends .t .more {position:absolute;right:15px;top:0;font-size:12px}
.index-friends .b{padding:15px}
.index-friends .b a {float:left;margin:10px 0 0 0;line-height:20px;padding-right:15px}
.index-friends .b a+a {border-left:1px solid #eee;padding:0 15px}
.foot {width:100%;background-color:#fff;border-top:3px solid #0cc6c6;margin-top:20px;}
.foot-line {text-align:center;line-height:60px;width:100%;overflow:hidden;border-bottom:1px solid #eee;border-top:1px solid #eee;position:relative}
.foot-line a{margin:0px 8px;vertical-align:middle}
.foot-line a,.copyright a {color:#a0a0a0}
.foot-line a:hover,
.copyright a:hover {color:#0cc6c6}
.copyright {text-align:center;color:#a0a0a0;padding:15px 0}
.copyright p {margin:5px 0}
@media screen and (max-width:1000px) {
    .game-vs-update ul li{float:none;width:auto;}
    .footer{padding:10px}
}